﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Forma3.aspx.cs" Inherits="Forma_3"
    MasterPageFile="~/Site.master" MaintainScrollPositionOnPostback="true" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <title>Informaci&oacute;n Familiar</title>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <fieldset>
        <legend><strong>Datos Familiares</strong></legend>
        <div class="col_12">
            <div class="col_7">
                <!-- ###  Estado Civil de los Padres  ### -->
                <div class="control-group">
                    <asp:Label CssClass="control-label" ID="label_1" runat="server">Estado civil de los padres: </asp:Label>
                    <div class="controls">
                        <asp:DropDownList CssClass="span2" ID="Datos_EstadoCivilPadres" runat="server">
                            <asp:ListItem Selected="True"></asp:ListItem>
                            <asp:ListItem>Casados</asp:ListItem>
                            <asp:ListItem>Divorciados</asp:ListItem>
                            <asp:ListItem>Separados</asp:ListItem>
                            <asp:ListItem>Viudo(a)</asp:ListItem>
                            <asp:ListItem>Unión libre</asp:ListItem>
                            <asp:ListItem>Solteros</asp:ListItem>
                        </asp:DropDownList>
                    </div>
                </div>
                <!-- ###  Depende Económicamente  ### -->
                <div class="control-group">
                    <asp:Label CssClass="control-label" ID="label_2" runat="server">Depende econ&oacute;micamente de (tutor): </asp:Label>
                    <div class="controls">
                        <asp:Label ID="Label1" CssClass="radio inline" runat="server">
                            <asp:RadioButtonList CssClass="radio inline" ID="Datos_DependenciaEconomica" runat="server">
                                <asp:ListItem OnClick="toggleDisabledTextInput();">Padre</asp:ListItem>
                                <asp:ListItem OnClick="toggleDisabledTextInput();">Madre</asp:ListItem>
                                <asp:ListItem OnClick="toggleDisabledTextInput();">Ambos</asp:ListItem>
                                <asp:ListItem OnClick="toggleDisabledTextInput();">Otra (especif&iacute;que)</asp:ListItem>
                            </asp:RadioButtonList>
                            <br />
                            <asp:TextBox ID="DependenciaEconomica_OtraText" CssClass="input-large" runat="server"
                                disabled="true" />
                        </asp:Label>
                    </div>
                </div>
                <!-- ###  Nombre del Padre, Madreo Tutor  ### -->
                <div class="control-group">
                    <asp:Label CssClass="control-label" ID="label_3" for="Datos_NombreTutor" runat="server"> Nombre completo del padre, madre o tutor: </asp:Label>
                    <div class="controls">
                        <asp:TextBox CssClass="input-xlarge" ID="Datos_NombreTutor" ValidationGroup="Forma3Validation"
                            runat="server" />
                        <asp:RegularExpressionValidator ID="RegExpNombreTutor" ControlToValidate="Datos_NombreTutor"
                            Display="Dynamic" EnableClientScript="True" ValidationExpression="^(?!(?:\S*\s){10})([a-zA-ZáéíóúÁÉÍÓÚñÑ\'\s]+)$"
                            Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="Nombre del tutor Incorrecto."
                            runat="server" ValidationGroup="Forma3Validation"></asp:RegularExpressionValidator>
                    </div>
                </div>
            </div>
            <%-- END SPAN7 --%>
            <div class="col_5">
                <div id="errordiv" class="alert alert-error" style="display: none">
                </div>
                <asp:ValidationSummary ID="Forma3ValidationSummary" CssClass="alert alert-error"
                    DisplayMode="BulletList" EnableClientScript="True" runat="server" ValidationGroup="Forma3Validation"
                    HeaderText="<strong>Revisa los siguientes errores e intenta de nuevo:</strong>" />
                <asp:ValidationSummary ID="PersonasCasaValidationSummary" CssClass="alert alert-error"
                    DisplayMode="BulletList" EnableClientScript="True" runat="server" ValidationGroup="InsertPersonasCasaValidation"
                    HeaderText="<strong>Revisa los siguientes errores e intenta de nuevo:</strong>" />
                <asp:ValidationSummary ID="ValidationSummary1" CssClass="alert alert-error" DisplayMode="BulletList"
                    EnableClientScript="True" runat="server" ValidationGroup="UpdatePersonasCasaValidation"
                    HeaderText="<strong>Revisa los siguientes errores e intenta de nuevo:</strong>" />
            </div>
            <%-- END COL5 --%>
        </div>
        <%-- END ROW --%>
    </fieldset>
    <fieldset>
        <!-- Número de Personas Casa-Habitación -->
        <legend><strong>No. de personas en la casa habitaci&oacute;n:</strong></legend>
        <!-- ###  Listado de Familiares en Casa-Habitación (Dinámico) ### -->
        <div id="Familiares" class="FamiliarIndividual">
            <asp:ListView ID="ListViewPersonasCasaHab" runat="server" DataSourceID="FamiliaresDataSource"
                InsertItemPosition="LastItem" OnItemCommand="ListView_PersonasCasaHab">
                <LayoutTemplate>
                    <div class="control-group">
                        <table class="table">
                            <tr>
                                <th>
                                    Parentesco
                                </th>
                                <th>
                                    Edad
                                </th>
                                <th>
                                    Estado Civil
                                </th>
                                <th>
                                </th>
                            </tr>
                            <tr id="itemPlaceholder" runat="server">
                            </tr>
                        </table>
                    </div>
                </LayoutTemplate>
                <ItemTemplate>
                    <tr>
                        <td>
                            <asp:Label runat="server" ID="lblParentesco"><%#Eval("Familiares_Parentesco") %></asp:Label>
                        </td>
                        <td>
                            <asp:Label runat="server" ID="lblEdad"><%#Eval("Familiares_Edad") %></asp:Label>
                        </td>
                        <td>
                            <asp:Label runat="server" ID="lblEstadoCivil"><%#Eval("Familiares_EstadoCivil") %></asp:Label>
                        </td>
                        <td>
                            <asp:LinkButton CssClass="btn btn-info" ID="lnkEditar" runat="server" CommandName="Edit">Editar</asp:LinkButton>
                        </td>
                    </tr>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <tr>
                        <td>
                            <asp:Label runat="server" ID="lblId"><%#Eval("Familiares_Parentesco") %></asp:Label>
                        </td>
                        <td>
                            <asp:Label runat="server" ID="lblName"><%#Eval("Familiares_Edad") %></asp:Label>
                        </td>
                        <td>
                            <asp:Label runat="server" ID="lblType"><%#Eval("Familiares_EstadoCivil") %></asp:Label>
                        </td>
                        <td>
                            <asp:LinkButton CssClass="btn btn-info" ID="lnkEdit" runat="server" CommandName="Edit">Editar</asp:LinkButton>
                        </td>
                    </tr>
                </AlternatingItemTemplate>
                <EditItemTemplate>
                    <td>
                        <asp:TextBox CssClass="input-medium" ID="txtUpParentesco" runat="server" Text='<%#Eval("Familiares_Parentesco") %>'></asp:TextBox>
                        <span id="parentescohelp" class="label label-info">?</span>
                        <asp:RegularExpressionValidator ID="RegExpNombreTutor" ControlToValidate="txtUpParentesco"
                            Display="Dynamic" EnableClientScript="True" ValidationExpression="^(?!(?:\S*\s){10})([a-zA-ZáéíóúÁÉÍÓÚñÑ\'\s]+)$"
                            Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="Parentesco no v&aacute;lido."
                            runat="server" ValidationGroup="UpdatePersonasCasaValidation"></asp:RegularExpressionValidator>
                        <asp:RequiredFieldValidator ID="RequiredNombreTutor" ControlToValidate="txtUpParentesco"
                            Text="<img src='../Images/cross.png' alt='cross'>" Display="Dynamic" runat="server"
                            EnableClientScript="True" ErrorMessage="El parentesco no puede ser un campo vac&iacute;o."
                            ValidationGroup="UpdatePersonasCasaValidation"></asp:RequiredFieldValidator>
                    </td>
                    <td>
                        <asp:TextBox CssClass="input-medium" ID="txtUpEdad" runat="server" Text='<%#Eval("Familiares_Edad") %>'></asp:TextBox>
                        <span id="edadhelp" class="label label-info">?</span>
                        <asp:RangeValidator ID="RangeEdad" runat="server" MinimumValue="0" MaximumValue="150"
                            Display="Dynamic" Type="Integer" EnableClientScript="True" ControlToValidate="txtUpEdad"
                            Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="Edad no v&aacute;lida."
                            ValidationGroup="UpdatePersonasCasaValidation"></asp:RangeValidator>
                        <asp:RequiredFieldValidator ID="RequiredEdad" ControlToValidate="txtUpEdad" Text="<img src='../Images/cross.png' alt='cross'>"
                            Display="Dynamic" runat="server" EnableClientScript="True" ErrorMessage="La edad no puede ser un campo vac&iacute;o."
                            ValidationGroup="UpdatePersonasCasaValidation"></asp:RequiredFieldValidator>
                    </td>
                    <td>
                        <asp:TextBox CssClass="input-medium" ID="txtUpEstadoCivil" runat="server" Text='<%#Eval("Familiares_EstadoCivil") %>'></asp:TextBox>
                        <span id="estadocivilhelp" class="label label-info">?</span>
                        <asp:RegularExpressionValidator ID="RegExpEstadoCivil" ControlToValidate="txtUpEstadoCivil"
                            Display="Dynamic" EnableClientScript="True" ValidationExpression="^(?!(?:\S*\s){10})([a-zA-ZáéíóúÁÉÍÓÚñÑ\'\s]+)$"
                            Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="Estado civil no v&aacute;lido."
                            runat="server" ValidationGroup="UpdatePersonasCasaValidation"></asp:RegularExpressionValidator>
                        <asp:RequiredFieldValidator ID="RequiredEstadoCivil" ControlToValidate="txtUpEstadoCivil"
                            Text="<img src='../Images/cross.png' alt='cross'>" Display="Dynamic" runat="server"
                            EnableClientScript="True" ErrorMessage="El estado civil no puede ser un campo vac&iacute;o."
                            ValidationGroup="UpdatePersonasCasaValidation"></asp:RequiredFieldValidator>
                    </td>
                    <td>
                        <asp:TextBox CssClass="hide" runat="server" ID="txtUpIdFamiliares" Text='<%#Eval("IdFamiliares") %>' />
                        <asp:LinkButton CssClass="btn btn-success" ID="lnkUpdate" runat="server" CommandName="Update"
                            ToolTip="Actualizar" ValidationGroup="UpdatePersonasCasaValidation">A</asp:LinkButton>
                        <asp:LinkButton CssClass="btn btn-danger" ID="lnkDelete" runat="server" CommandName="Delete"
                            ToolTip="Borrar">B</asp:LinkButton>
                        <asp:LinkButton CssClass="btn btn-inverse" ID="lnkCancel" runat="server" CommandName="Cancel"
                            ToolTip="Cancelar">C</asp:LinkButton>
                    </td>
                    </tr>
                </EditItemTemplate>
                <InsertItemTemplate>
                    <tr id="Tr1" runat="server">
                        <td>
                            <asp:TextBox CssClass="input-medium" placeholder="Parentesco" ID="txtParentesco"
                                runat="server" Text='<%#Eval("Familiares_Parentesco") %>'></asp:TextBox>
                            <span id="parentescohelp" class="label label-info">?</span>
                            <asp:RegularExpressionValidator ID="RegExpNombreTutor" ControlToValidate="txtParentesco"
                                Display="Dynamic" EnableClientScript="True" ValidationExpression="^(?!(?:\S*\s){10})([a-zA-ZáéíóúÁÉÍÓÚñÑ\'\s]+)$"
                                Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="Parentesco no v&aacute;lido."
                                runat="server" ValidationGroup="InsertPersonasCasaValidation"></asp:RegularExpressionValidator>
                            <asp:RequiredFieldValidator ID="RequiredNombreTutor" ControlToValidate="txtParentesco"
                                Text="<img src='../Images/cross.png' alt='cross'>" Display="Dynamic" runat="server"
                                EnableClientScript="True" ErrorMessage="El parentesco no puede ser un campo vac&iacute;o."
                                ValidationGroup="InsertPersonasCasaValidation"></asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:TextBox CssClass="input-medium" placeholder="Edad" ID="txtEdad" runat="server"
                                Text='<%#Eval("Familiares_Edad") %>'></asp:TextBox>
                            <span id="edadhelp" class="label label-info">?</span>
                            <asp:RangeValidator ID="RangeEdad" runat="server" MinimumValue="0" MaximumValue="150"
                                Display="Dynamic" Type="Integer" EnableClientScript="True" ControlToValidate="txtEdad"
                                Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="Edad no v&aacute;lida."
                                ValidationGroup="InsertPersonasCasaValidation"></asp:RangeValidator>
                            <asp:RequiredFieldValidator ID="RequiredEdad" ControlToValidate="txtEdad" Text="<img src='../Images/cross.png' alt='cross'>"
                                Display="Dynamic" runat="server" EnableClientScript="True" ErrorMessage="La edad no puede ser un campo vac&iacute;o."
                                ValidationGroup="InsertPersonasCasaValidation"></asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:TextBox CssClass="input-medium" placeholder="Estado Civil" ID="txtEstadoCivil"
                                runat="server" Text='<%#Eval("Familiares_EstadoCivil") %>'></asp:TextBox>
                            <span id="estadocivilhelp" class="label label-info">?</span>
                            <asp:RegularExpressionValidator ID="RegExpEstadoCivil" ControlToValidate="txtEstadoCivil"
                                Display="Dynamic" EnableClientScript="True" ValidationExpression="^(?!(?:\S*\s){10})([a-zA-ZáéíóúÁÉÍÓÚñÑ\'\s]+)$"
                                Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="Estado civil no v&aacute;lido."
                                runat="server" ValidationGroup="InsertPersonasCasaValidation"></asp:RegularExpressionValidator>
                            <asp:RequiredFieldValidator ID="RequiredEstadoCivil" ControlToValidate="txtEstadoCivil"
                                Text="<img src='../Images/cross.png' alt='cross'>" Display="Dynamic" runat="server"
                                EnableClientScript="True" ErrorMessage="El estado civil no puede ser un campo vac&iacute;o."
                                ValidationGroup="InsertPersonasCasaValidation"></asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:Button CssClass="btn" ID="InsertButton" runat="server" CommandName="Insert"
                                ValidationGroup="InsertPersonasCasaValidation" Text="Insertar" />
                        </td>
                    </tr>
                </InsertItemTemplate>
            </asp:ListView>
            <div class="form-actions" style="text-align: right">
                <asp:Button class="btn btn-primary" ID="GuardarBoton" runat="server" Text="Guardar Cambios"
                    ValidationGroup="Forma3Validation" OnClick="InsertData" />
            </div>
            <asp:SqlDataSource ID="FamiliaresDataSource" runat="server" SelectCommand="SELECT * FROM [Familiares]"
                OnSelecting="SqlDataSource1_Selecting"></asp:SqlDataSource>
        </div>
    </fieldset>
    <script type="text/javascript">

        document.getElementById('mf3').className = "active";

        $(function () {
            $("#edadhelp").popover({
                title: 'Edad',
                content: "Debe ser un n&uacute;mero entero mayor que cero"
            });

            $("#estadocivilhelp").popover({
                title: 'Estado Civil',
                content: "Ejemplos:" +
                    "<ul>" +
                        "<li>Casado(a)</li>" +
                        "<li>Divorciado(a)</li>" +
                        "<li>Separado(a)</li>" +
                        "<li>Viudo(a)</li>" +
                        "<li>Unión libre</li>" +
                        "<li>Soltero(a)</li>" +
                     "</ul>"
            });

            $("#parentescohelp").popover({
                title: 'Parentesco',
                content: "Ejemplos:" +
                    "<ul>" +
                        "<li>Abuelos</li>" +
                        "<li>Padres</li>" +
                        "<li>Tíos</li>" +
                        "<li>Primos</li>" +
                        "<li>Hermanos</li>" +
                        "<li>Sobrinos</li>" +
                        "<li>Hijos</li>" +
                        "<li>Cónyuge</li>" +
                        "<li>Suegros</li>" +
                     "</ul>"
            });
        });

        // Arregla los alineados de las preguntas y textbox
        $('#ctl00_MainContent_label_3').css('padding-top', '0px');
        $('#ctl00_MainContent_PersonasCasaValidationSummary').css('padding-right', '14px');

        // Si cuando se cargan los datos, existe información, se activan los div escondidos necesarios
        if ($('#ctl00_MainContent_Datos_DependenciaEconomica_3').is(':checked')) {
            toggleDisabledTextInput();
        }

        // Activa o desactiva los Text Inputs
        function toggleDisabledTextInput() {
            if ($('#ctl00_MainContent_Datos_DependenciaEconomica_3').is(':checked')) {
                $('#ctl00_MainContent_DependenciaEconomica_OtraText').removeAttr('disabled');
            } else {
                $('#ctl00_MainContent_DependenciaEconomica_OtraText').attr('disabled', true)
                $('#ctl00_MainContent_DependenciaEconomica_OtraText').val('');
            }
        }
    </script>
</asp:Content>
